<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>{{page_title}} - {{config.site_name}}</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/ui/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/ui/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="/ui/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="/ui/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="/ui/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="/ui/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="/ui/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="/ui/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="/ui/css/jquery.gritter.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/chosen.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/select2_metro.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/jquery.tagsinput.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/clockface.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/bootstrap-toggle-buttons.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/daterangepicker.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/datetimepicker.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/multi-select-metro.css" />
    <link rel="stylesheet" type="text/css" href="/ui/css/bootstrap-modal.css" />
    {{ assets.outputCss('head') }}
    <!-- END PAGE LEVEL STYLES -->

    <!-- BEGIN CORE PLUGINS -->
    <script src="/ui/js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="/ui/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="/ui/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
    <script src="/ui/js/bootstrap.min.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="/ui/js/excanvas.min.js"></script>
    <script src="/ui/js/respond.min.js"></script>
    <![endif]-->
    <script src="/ui/js/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="/ui/js/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="/ui/js/jquery.cookie.min.js" type="text/javascript"></script>
    <script src="/ui/js/jquery.uniform.min.js" type="text/javascript" ></script>
    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script type="text/javascript" src="/ui/js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/ui/js/jquery.backstretch.min.js"></script>
    <script type="text/javascript" src="/ui/js/chosen.jquery.min.js"></script>
    <script type="text/javascript" src="/ui/js/select2.min.js"></script>
    <script type="text/javascript" src="/ui/js/wysihtml5-0.3.0.js"></script>
    <script type="text/javascript" src="/ui/js/bootstrap-wysihtml5.js"></script>
    <script type="text/javascript" src="/ui/js/jquery.tagsinput.min.js"></script>
    <script type="text/javascript" src="/ui/js/jquery.toggle.buttons.js"></script>
    <script type="text/javascript" src="/ui/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="/ui/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="/ui/js/clockface.js"></script>
    <script type="text/javascript" src="/ui/js/date.js"></script>
    <script type="text/javascript" src="/ui/js/daterangepicker.js"></script>
    <script type="text/javascript" src="/ui/js/bootstrap-colorpicker.js"></script>
    <script type="text/javascript" src="/ui/js/bootstrap-timepicker.js"></script>
    <script type="text/javascript" src="/ui/js/jquery.inputmask.bundle.min.js"></script>
    <script type="text/javascript" src="/ui/js/jquery.input-ip-address-control-1.0.min.js"></script>
    <script type="text/javascript" src="/ui/js/jquery.multi-select.js"></script>
    <script src="/ui/js/bootstrap-modal.js" type="text/javascript" ></script>
    <script src="/ui/js/bootstrap-modalmanager.js" type="text/javascript" ></script>
    <!-- END PAGE LEVEL PLUGINS -->

    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="/ui/js/app/base.js" type="text/javascript"></script>
    {{ assets.outputJs('footer') }}
    <link rel="shortcut icon" href="/ui/images/favicon.ico" />
</head>

<body class="{{page}} page-header-fixed">

    {{ partial("layouts/top_nav_menu") }}
    <!-- BEGIN CONTAINER -->
    <div class="page-container row-fluid">
        {{ partial("layouts/left_sidebar_menu") }}
        <!-- BEGIN PAGE -->
        <div class="page-content">
            <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
            <div id="portlet-config" class="modal hide">
                <div class="modal-header">
                    <button data-dismiss="modal" class="close" type="button"></button>
                    <h3>portlet Settings</h3>
                </div>
                <div class="modal-body">
                    <p>Here will be a configuration form</p>
                </div>
            </div>
            <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

            <!-- BEGIN PAGE CONTAINER-->
            <div class="container-fluid">
                <!-- BEGIN PAGE HEADER-->
                <div class="row-fluid">
                    <div class="span12">
                        <!-- BEGIN STYLE CUSTOMIZER -->
                        <div class="color-panel hidden-phone">
                            <div class="color-mode-icons icon-color"></div>
                            <div class="color-mode-icons icon-color-close"></div>
                            <div class="color-mode">
                                <p>THEME COLOR</p>
                                <ul class="inline">
                                    <li class="color-black current color-default" data-style="default"></li>
                                    <li class="color-blue" data-style="blue"></li>
                                    <li class="color-brown" data-style="brown"></li>
                                    <li class="color-purple" data-style="purple"></li>
                                    <li class="color-grey" data-style="grey"></li>
                                    <li class="color-white color-light" data-style="light"></li>
                                </ul>

                                <label>
                                    <span>Layout</span>
                                    <select class="layout-option m-wrap small">
                                        <option value="fluid" selected>Fluid</option>
                                        <option value="boxed">Boxed</option>
                                    </select>
                                </label>

                                <label>
                                    <span>Header</span>
                                    <select class="header-option m-wrap small">
                                        <option value="fixed" selected>Fixed</option>
                                        <option value="default">Default</option>
                                    </select>
                                </label>

                                <label>
                                    <span>Sidebar</span>
                                    <select class="sidebar-option m-wrap small">
                                        <option value="fixed">Fixed</option>
                                        <option value="default" selected>Default</option>
                                    </select>
                                </label>

                                <label>
                                    <span>Footer</span>
                                    <select class="footer-option m-wrap small">
                                        <option value="fixed">Fixed</option>
                                        <option value="default" selected>Default</option>
                                    </select>
                                </label>
                            </div>
                        </div>
                        <!-- END BEGIN STYLE CUSTOMIZER -->

                        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                        <h3 class="page-title">
                            商品列表 <small>...</small>
                        </h3>

                        <ul class="breadcrumb">
                            <li>
                                <i class="icon-home"></i>
                                <a href="/home/index">首页</a>
                                <i class="icon-angle-right"></i>
                            </li>
                            <li>
                                <a href="#">商品管理</a>
                                <i class="icon-angle-right"></i>
                            </li>
                            <li><a href="#">商品列表</a></li>
                        </ul>
                        <!-- END PAGE TITLE & BREADCRUMB-->
                    </div>
                </div>
                <!-- END PAGE HEADER-->

                <!-- BEGIN PAGE CONTENT-->
                {{ content() }}
                <!-- END PAGE CONTENT -->
            </div>
            <!-- END PAGE CONTAINER-->
        </div>
        <!-- END PAGE -->
    </div>
    <!-- END CONTAINER -->

    <!-- BEGIN FOOTER -->
    <div class="footer">
        <div class="footer-inner">
            2012 &copy; ShopIZ by ShopIZ.cn.
        </div>
        <div class="footer-tools">
            <span class="go-top">
            <i class="icon-angle-up"></i>
            </span>
        </div>
    </div>
    <!-- END FOOTER -->
</body>

</html>
